<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>模具列表</title>
    <link rel="stylesheet" href="css/main.css" />
    <link rel="stylesheet" href="css/swiper-4.1.0.min.css" />
    <script src="js/jquery-1.10.1.min.js"></script>
    <script src="js/swiper-4.1.0.min.js"></script>

</head>
<body>
    <div class="wrapper">
        <div class="header">
            <div class="logo"></div>
            <div class="nav">
                <div class="wrapper">
                    <ul>
                        <li><a href="">首页</a></li>
                        <li><a href="">产品</a></li>
                        <li><a href="">展厅</a></li>
                        <li><a href="">定制</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="slider">
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <img src="images/tmp1455426794_1062450_s.png" />
                    </div>
                    <div class="swiper-slide">
                        <img src="images/tmp1455426794_1062450_s.png" />
                    </div>
                    <div class="swiper-slide">
                        <img src="images/tmp1455426794_1062450_s.png" />
                    </div>
                </div>
                <!-- Add Pagination -->
                <div class="swiper-pagination"></div>
            </div>
        </div>
        <div class="container">
            <div class="location">
                <ol class="breadcrumb">
                    <li><a href="#">Home</a></li>
                    <li><a href="#">Library</a></li>
                    <li class="active">Data</li>
                </ol>
            </div>
            <div class="content-list">
                <ul class="pts-list">
                    <li>
                        <div class="inner">
                            <a href="" class="pic">
                                <img alt="" src="http://aimg3.dlszywz.com/module_pic_con/800_1500/0/_7295839.jpg?x-oss-process=image/resize,m_lfit,w_280,h_280,limit_0">
                            </a>
                            <div class="pic-attr">
                                <div class="price">
                                    <span class="new-price"><em>￥4379</em></span>
                                </div>
                                <h3 class="pic-title">
                                    <a href="#">【原来生活】新中式云回餐边柜 餐厅家具 端方质朴典雅回纹 多储物空间 新款实木收纳柜</a>
                                </h3>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="inner">
                            <a href="" class="pic">
                                <img alt="" src="http://aimg3.dlszywz.com/module_pic_con/800_1500/0/_7295839.jpg?x-oss-process=image/resize,m_lfit,w_280,h_280,limit_0">
                            </a>
                            <div class="pic-attr">
                                <div class="price">
                                    <span class="new-price"><em>￥4379</em></span>
                                </div>
                                <h3 class="pic-title">
                                    <a href="#">【原来生活】新中式云回餐边柜 餐厅家具 端方质朴典雅回纹 多储物空间 新款实木收纳柜</a>
                                </h3>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="inner">
                            <a href="" class="pic">
                                <img alt="" src="http://aimg3.dlszywz.com/module_pic_con/800_1500/0/_7295839.jpg?x-oss-process=image/resize,m_lfit,w_280,h_280,limit_0">
                            </a>
                            <div class="pic-attr">
                                <div class="price">
                                    <span class="new-price"><em>￥4379</em></span>
                                </div>
                                <h3 class="pic-title">
                                    <a href="#">【原来生活】新中式云回餐边柜 餐厅家具 端方质朴典雅回纹 多储物空间 新款实木收纳柜</a>
                                </h3>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="inner">
                            <a href="" class="pic">
                                <img alt="" src="http://aimg3.dlszywz.com/module_pic_con/800_1500/0/_7295839.jpg?x-oss-process=image/resize,m_lfit,w_280,h_280,limit_0">
                            </a>
                            <div class="pic-attr">
                                <div class="price">
                                    <span class="new-price"><em>￥4379</em></span>
                                </div>
                                <h3 class="pic-title">
                                    <a href="#">【原来生活】新中式云回餐边柜 餐厅家具 端方质朴典雅回纹 多储物空间 新款实木收纳柜</a>
                                </h3>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="inner">
                            <a href="" class="pic">
                                <img alt="" src="http://aimg3.dlszywz.com/module_pic_con/800_1500/0/_7295839.jpg?x-oss-process=image/resize,m_lfit,w_280,h_280,limit_0">
                            </a>
                            <div class="pic-attr">
                                <div class="price">
                                    <span class="new-price"><em>￥4379</em></span>
                                </div>
                                <h3 class="pic-title">
                                    <a href="#">【原来生活】新中式云回餐边柜 餐厅家具 端方质朴典雅回纹 多储物空间 新款实木收纳柜</a>
                                </h3>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="inner">
                            <a href="" class="pic">
                                <img alt="" src="http://aimg3.dlszywz.com/module_pic_con/800_1500/0/_7295839.jpg?x-oss-process=image/resize,m_lfit,w_280,h_280,limit_0">
                            </a>
                            <div class="pic-attr">
                                <div class="price">
                                    <span class="new-price"><em>￥4379</em></span>
                                </div>
                                <h3 class="pic-title">
                                    <a href="#">【原来生活】新中式云回餐边柜 餐厅家具 端方质朴典雅回纹 多储物空间 新款实木收纳柜</a>
                                </h3>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="inner">
                            <a href="" class="pic">
                                <img alt="" src="http://aimg3.dlszywz.com/module_pic_con/800_1500/0/_7295839.jpg?x-oss-process=image/resize,m_lfit,w_280,h_280,limit_0">
                            </a>
                            <div class="pic-attr">
                                <div class="price">
                                    <span class="new-price"><em>￥4379</em></span>
                                </div>
                                <h3 class="pic-title">
                                    <a href="#">【原来生活】新中式云回餐边柜 餐厅家具 端方质朴典雅回纹 多储物空间 新款实木收纳柜</a>
                                </h3>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="inner">
                            <a href="" class="pic">
                                <img alt="" src="http://aimg3.dlszywz.com/module_pic_con/800_1500/0/_7295839.jpg?x-oss-process=image/resize,m_lfit,w_280,h_280,limit_0">
                            </a>
                            <div class="pic-attr">
                                <div class="price">
                                    <span class="new-price"><em>￥4379</em></span>
                                </div>
                                <h3 class="pic-title">
                                    <a href="#">【原来生活】新中式云回餐边柜 餐厅家具 端方质朴典雅回纹 多储物空间 新款实木收纳柜</a>
                                </h3>
                            </div>
                        </div>
                    </li>
                </ul>
                <div class="pager">
                    123
                </div>
            </div>
        </div>
        <div class="footer">
            <div class="footer-links">
                <a href="">关于我们</a>
                <em>|</em>
                <a href="">经典案例</a>
                <em>|</em>
                <a href="">新闻动态</a>
                <em>|</em>
                <a href="">咨询团队</a>
                <em>|</em>
                <a href="">联系我们</a>
            </div>
            <div class="copyright">
                <p>Copyright © 2014-2018,www.xxxxx.com,All rights reserved</p>
            </div>
        </div>
    </div>
    <script>
        var swiper = new Swiper('.swiper-container', {
            pagination: {
                el: '.swiper-pagination',
            }
        });
    </script>
</body>
</html>